
/*
 * @Author: Allyn
 * @Description: 
 * @Date: 2022-02-05 19:53:00
 * @LastEditTime: 2022-02-05 20:31:21
 * @FilePath: \item\src\components\test.js
 */
import vue from 'vue'
import test from './test.vue' //组件对象
/* 01.通过extend创建一个组件构造函数 */
const TestTemplate = vue.extend(test)

/**
 * @description: 
 * @arguments: 
 * @param {*} dom 需要挂载到哪个dom下
 */
export function showTest(dom) {
    //创建一个新的组件对象 并且通过mount将dom挂载到$el上
    const newTest = new TestTemplate().$mount()
    /* !现在newTest已经是一整个组件了 */
    dom.appendChild(newTest.$el)
    //01.还可以直接调用组件的方法
    newTest.show()
    //02.还可以删除dom
    // setTimeout(() => {
    //     newTest.$el.remove()
    // }, 5000)
}
